.colorContainer {
  position: relative;

  > .colorCube {
    display: inline-block;
    padding: 5px;
    border-radius: 1px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 0px 1px;
    cursor: pointer;

    > .colorContent {
      width: 36px;
      height: 14px;
      border-radius: 2px;
    }
  }

  > .popover {
    position: absolute;
    z-index: 2;
    left: 55px;
    top: -130px;

    > .cover {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
  }
}
